/** 
 * 再次封装的面包屑组件
*/
import React, {Component} from 'react';
import {Breadcrumb} from 'antd';

class BreadcrumbBar extends Component {
	constructor(props) {
		super(props);
	}
    render() {
        const one = <Breadcrumb.Item>{this.props.one}</Breadcrumb.Item> || '';
        const two = <Breadcrumb.Item>{this.props.two}</Breadcrumb.Item> || '';
        const three = <Breadcrumb.Item>{this.props.three}</Breadcrumb.Item> || '';
        const four = <Breadcrumb.Item>{this.props.four}</Breadcrumb.Item> || '';
        const five = <Breadcrumb.Item>{this.props.five}</Breadcrumb.Item> || '';

        return (
            <Breadcrumb style={{ margin: '0 0 10px 0' }}>
                {one}
                {two}
                {three}
                {four}
                {five}
            </Breadcrumb>
        )
    }
}

export default BreadcrumbBar;